草庐IT

HTML 样式- CSS

全部标签

javascript - 使用 Javascript 列出已知的 CSS 类

我正在尝试找到一种好方法来收集给定文档中包含的样式表中定义的类的名称。我知道document.StyleSheetList但它似乎并不容易解析。我正在寻找的是类似样式表文档的内容,例如:.my_class{background:#fff000;}.second_class{color:#000000;}我可以提取像["my_class","second_class"]这样的数组。这显然假设了一个完全加载的dom和样式表的有利场景。我一直在到处寻找做这样的事情的好方法,但到目前为止,进展甚微。有谁知道如何解决这个问题?谢谢! 最佳答案

Javascript,CSS : Get element by style attribute

我愿意:找到页面中所有元素的样式属性(例如:所有具有color:#333;的元素)为所有这些更改此属性(例如从color:#333更改为color:#444)。您对此有什么建议吗? 最佳答案 我的建议是尽可能避免这样做。相反,使用一个类来分配颜色值,然后您可以使用该类而不是颜色值来查找元素。据我所知,没有选择器(甚至在CSS3中也没有)可用于查询特定样式值,这意味着遍历所有元素(或者它看起来像你可以将其限制为具有style属性的所有元素)并查看element.style.color属性。现在,问题是,即使您在style属性中编写了c

Javascript : Close open HTML tags in a string

我有一个包含HTML代码的javascript字符串。我显示它,并根据字数附加了一个阅读更多/更少的切换器。问题是,当我缩小HTML代码时,它可能有开放标签,假设Acomputerisageneralpurposedevicethatcanbeprogrammedtocarryoutafinitesetofarithmeticorlogicaloperations当收缩变成Acomputerisageneralpurposedevicethatcanbeprogrammed...more由于未闭合的粗体标记,以下数据变为粗体。我想要一个javascript解决方案来关闭字符串中未关闭的

javascript - bootstrap.css vs bootstrap.js 我应该使用哪一个?

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion这两个有什么区别。我下载了bootstrap.zip,我得到了css和js文件。我应该在html中包含哪一个?如果我包含bootstrap.css,它会影响我自己的app.css吗?如何同时使用bootstrap.css和我自己的app.css?因为我完全不知道如何在HTML中使用css和js,所以我问了这个问题。但现在我明白了我需要在我的index.html中包含bootstrap.css和bo

javascript - 如何将 css 仅应用于文本内部/或任何 <p><p> 元素中的数字?

我在我的站点中使用区域语言unicode字体,但数字看起来不太好。所以我只想将新的字体样式或css应用于数字..请帮忙 最佳答案 这可以使用CSS的unicode-rangeproperty来完成存在于@font-face中。Unicode中的数字0到9存在于U+0030toU+0039范围内.因此,您需要做的是在现有字体旁边添加一种专门针对此范围的字体:@font-face{font-family:'MyPre-ExistingFont';...}@font-face{font-family:'MyNewFontWhichHand

javascript - 使用 Firefox 扩展插入 CSS

我正在构建一个Firefox扩展,可以将HTML元素添加到网站的某些页面。我想让它插入一个自定义CSS文件来设置这些元素的样式。如果我在页面上直接插入带有CSS的标签,它会起作用,但这是一个不太理想的解决方案。有没有办法让它加载和解析CSS文件,就好像我在header中使用了标签一样,还是我以某种方式内联了它? 最佳答案 chrome://将无法工作,因为不允许您插入的页面访问其域外的文件(包括chromeURI)。即使您是插入链接的人也是如此,因为链接仍然在目标页面的上下文中执行。相反,您有两个选择:您可以在list中定义资源协议

javascript - 在 jQuery 中更快地替换元素 HTML

我正在用大约25,000个项目填充一个列表,使用如下代码:varhtml="";for(vari=0;iHi";}$("#listol").html(html);令我有些惊讶的是,我使用了一个分析器,发现我代码中的瓶颈不是迭代数千次的循环,而是将列表的html设置为字符串。这在我的计算机上通常需要大约5-10秒,这太慢了一个数量级。有没有一种方法可以更快地做到这一点,即至少快10倍? 最佳答案 将html包装在单个项目中。当jQuery从字符串构建元素时,它会通过迭代添加所有顶级项目。如果将列表项包装在单个元素中,它应该会快得多,因

.net - 从 JSON 网络服务返回 HTML - ".d"是什么?

在这种情况下,我不得不在没有时间学习基础知识的情况下接受并使用新技术!我有以下调用PrintService的js函数,它返回我要注入(inject)到div中的HTML:functionshowPrintDialog(){$.ajax({type:"POST",contentType:"application/json;charset=utf-8",data:"{}",dataType:"json",url:"http://localhost/PrintService/PrintService.asmx/RenderPrintDialog",success:function(data)

javascript - 在网站推送时压缩 .js 和 .css 文件

我什至不确定我想要的东西是否可能,所以我请求你们让我知道以前是否有人这样做过。所以,我的目标是当我在VS2010中单击“发布”网站时,将所有javascript文件压缩成一个,与css相同,然后在我的布局文件中将所有不同的js和css文件的引用更改为仅合并这两个文件那些。那可行吗?或者也许它是可行的,但以更手动的方式?当然,这里的目标是只对网站上的外部文件进行两次调用,但是当我开发时,我需要查看所有文件,以便我可以实际使用它。我想我可以在每次推送之前手动完成它,但我宁愿使用一些脚本或其他东西自动完成它。我还没有尝试任何东西,我也不是在寻找现成的解决方案,我只是想更好地了解问题,也许还有

javascript - Angular2 组件 - 动态内联样式

我有一个组件有count和一个color属性(property)。该组件应该显示count数量带有内联样式的s用于将其颜色更改为color.这是我目前所拥有的:@Component({selector:'my-control',template:`COLOR={{color}}`})exportclassMyControl{private_count:number;@Input()setcount(value:string){this._count=+value;}@Input()setcolor(value:string){this._color=value;}getdummyArr